<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>核名</title>
  <link href="/Front-Admin/companyServiceFront/layui/css/layui.css" rel="stylesheet" />
  <script src="/Front-Admin/companyServiceFront/layui/layui.js" type="text/javascript"></script>
  <script src="/Front-Admin/companyServiceFront/js/jquery.min.js" type="text/javascript"></script>
  <script>
    layui.use('form', function () {
      var form = layui.form;
      form.render();
    });

    function f() {
      document.getElementById("check").submit;
    }
  </script>
  <style>
    .warning {
      font-size: small;
      color: red;
      float: left;

    }

    .account {
      float: left;
    }
  </style>
</head>

<body>
  <iframe src="/Front-Admin/navbar.html" style="position:absolute;margin: auto; left: 0; right: 0; top: 0; border: medium none;" width="1375px" height="100px"></iframe>

  <div class="checkname" style="margin:10% 35px 35px 20%; width:1172px ;">
    <form id="check" class="layui-form" th:action="@{/company/name/{id}(id=${id})}" >
    <div class="top">

        <div class="layui-form-item" style="width: 900px;">
          <label class="layui-form-label">*申请企业名称</label>
          <div class="layui-input-block">
            <input type="text" name="company.companyName" required lay-verify="required" autocomplete="off"
              class="layui-input">
          </div>
          <div class="warning">
            <div>申请企业名称：申请企业名称:-般由行政区划、字号、行业、组织形式依次组成。若拟申请不带行政区划名</div>
            <div>称则需至国家工商总局申请核准。您可以选择的名称规则有:行政区划+字号+行业类别+有限责任公司;字号</div>
            <div>+行业类别+有限公司(注册资本>=5000万(人民币)</div>
          </div>
        </div>
        <div class="layui-form-item" style="width: 900px;">
          <label class="layui-form-label"><span>*备选名称1</span></label>
          <div class="layui-input-block">
            <input type="text" name="company.backupName1" required lay-verify="required" autocomplete="off"
              class="layui-input">
          </div>
        </div>
        <div class="layui-form-item" style="width: 900px;">
          <label class="layui-form-label"><span>*备选名称2</span></label>
          <div class="layui-input-block">
            <input type="text" name="company.backupName2" required lay-verify="required" autocomplete="off"
              class="layui-input">
          </div>
          <div class="layui-input-block">
            <div style="color: red;">备选字号:除国务院决定设立的企业外，企业名称不得冠以“中国”、“中华"、“全国”、“国家”、“国际等字样</div>
          </div>
        </div>
        <div class="layui-form">
          <div class="layui-form-item" id="areaPicker">
            <div class="layui-form-label">*公司住所</div>
            <div class="layui-input-inline" style="width: 150px;">
              <select name="areas[0].province" class="province-selector" data-value="广东省" lay-filter="">
                <option value="">请选择省</option>
              </select>
            </div>
            <div class="layui-input-inline" style="width:150px;">
              <select name="areas[0].city" class="city-selector" data-value="深圳市" lay-filter="">
                <option value="">请选择市</option>
              </select>
            </div>
            <div class="layui-input-inline" style="width: 150px;">
              <select name="areas[0].county" class="county-selector" data-value="龙岗区" lay-filter="">
                <option value="">请选择区</option>
              </select>
            </div>

          </div>

          <div class="layui-form-item" style="width: 500px;">
            <label class="layui-form-label"></label>
            <div class="layui-input-block">
              <input type="text" name="area[0].speAddress" lay-verify="title" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-input-block">
            <div style="color: red;">企业住所应与房产信息一致</div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label">*注册资本</label>
            <div class="layui-input-inline">
              <select name="company.amountType" lay-verify="required">
                <option value="RMB">人民币</option>
                <option value="Dollars">美元</option>
              </select>
            </div>
            <div class="layui-input-inline">
              <input type="text" name="company.account" autocomplete="off" class="layui-input" placeholder="万元">
            </div>
          </div>
        </div>
        <div class="layui-form-item">
          <label class="layui-form-label">*出资方式</label>
          <div class="layui-input-inline">
            <select name="company.investmentType" lay-verify="required">
              <option value="money">货币</option>
              <option value="intellectual-property">知识产权</option>
            </select>
          </div>

        </div>

        <div class="layui-form-item">
          <label class="layui-form-label">*投资人姓名</label>
          <div class="layui-input-inline">
            <input type="text" name="sname" lay-verify="pass" placeholder="请输入投资人姓名" autocomplete="off"
              class="layui-input">
          </div>



          <label class="layui-form-label">请选择证件类型</label>
          <div class="layui-input-inline">
            <select name="company.cardType">
              <option value="identity-card">身份证</option>
              <option value="official-card">军官证</option>
            </select>
          </div>

          <label class="layui-form-label">*委托期限</label>
          <div class="layui-input-inline" style="width: 186px;">
            <select name="company.limitPeriod">
              <option value="six-month">6个月</option>
              <option value="one-year">一年</option>
            </select>
          </div>

        </div>

        <div class="layui-form">
          <div class="layui-form-item" id="areaPicker2">
            <div class="layui-form-label">*收件地址</div>
            <div class="layui-input-inline" style="width: 200px;">
              <select name="areas[1].province" class="province-selector" data-value="广东省" lay-filter="province-1">
                <option value="">请选择省</option>
              </select>
            </div>
            <div class="layui-input-inline" style="width: 200px;">
              <select name="areas[1].city" class="city-selector" data-value="深圳市" lay-filter="city-1">
                <option value="">请选择市</option>
              </select>
            </div>
            <div class="layui-input-inline" style="width: 200px;">
              <select name="areas[1].county" class="county-selector" data-value="龙岗区" lay-filter="county-1">
                <option value="">请选择区</option>
              </select>
            </div>
          </div>
          <div class="layui-form-item" style="width: 800px;">
            <label class="layui-form-label"></label>
            <div class="layui-input-block">
              <input type="text" name="area[1].speAddress" lay-verify="title" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-form-item" style="margin: 0 auto;">
            <div class="layui-input-block">
              <button class="layui-btn" onclick="">信息提交</button>
              <button type="reset" class="layui-btn layui-btn-primary" >重置</button>
            </div>
          </div>


        </div>
        <script src="/Front-Admin/companyServiceFront/layui/layui.js"></script>
      <script>
        //配置插件目录
        layui.config({
          base: '/Front-Admin/companyServiceFront/mods/'
          , version: '1.0'
        });
        //一般直接写在一个js文件中
        layui.use(['layer', 'form', 'layarea'], function () {
          var layer = layui.layer
                  , form = layui.form
                  , layarea = layui.layarea;
          //刷新公司地址
          layarea.render({
            elem: '#areaPicker',
            change: function (res) {
              //选择结果
              console.log(res);
              }
            });
            //刷新收件地址
            layarea.render({
              elem: '#areaPicker2',
              change: function (res) {
                //选择结果
                console.log(res);
              }
            });

          });
        </script>
      

    </div>
    </form>
  </div>
</body>

</html>